<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="../org/angular.min.js"></script>
</head>
<body>

<div ng-app="hd">

    <!--使用A-->
    <div hdcms></div>
    <h1 hdcms></h1><hr>

    <!--使用E-->
   <hdcms></hdcms><hr>

    <!--使用C-->
    <div class="hdcms"></div><hr>





    <!--使用A-->
    <div hd-cms></div>
    <h1 hd-cms></h1><hr>

    <!--使用E-->
    <hd-cms></hd-cms><hr>

    <!--使用C-->
    <div class="hd-cms"></div><hr>
</div>


<script>
    var m = angular.module('hd', []);

    /*hdcms是指令的名字，function中的代码，是构建指令的代码*/
    m.directive('hdcms', function () {
        //构建指令的代码
        return {
            restrict:'AEC',   //指生成指令在页面中的表现形式: A 是指attr  E 是指element C 是指class，不建议使用C
            template: '后盾网开源CMS系统' //指令生成的内容
        }
    });

    m.directive('hdCms', function () {
        //构建指令的代码
        return {
            restrict:'AEC',   //指生成指令在页面中的表现形式: A 是指attr  E 是指element C 是指class，不建议使用C
            template: '后盾网开源CMS系统' //指令生成的内容
        }
    });
</script>


</body>
</html>

